$(function () {
    // 【1】注册登录切换
    $('#link_reg').on('click', function () {
        $('#reg-box').show()
        $('#login-box').hide()
    })
    $('#link_login').on('click', function () {
        $('#login-box').show()
        $('#reg-box').hide()

    })
    // 【2】自定义校验表单的规则
    layui.form.verify({
        pwd: [
            /^\S{6,12}$/,
            '密码必须是6-12位的非空字符'
        ],
        // 校验两次密码是否一致
        repwd: function (value, item) {
            if (value !== $('#form_reg [name=password').val()) {
                return '两次密码不一致'
            }
        }
    })
    // 【3】用户注册功能
    $('#form_reg').on('submit', function (e) {
        // 阻止默认提交行为
        e.preventDefault()
        // 收集表单数据
        let username = $('#form_reg [name=username').val().trim()
        let password = $('#form_reg [name=password').val().trim()
        let repassword = $('#form_reg [name=repassword').val().trim()
        $.ajax({
            method: 'post',
            url: '/api/reguser',
            data: {
                username,
                password
            },
            beforeSend: function () {
                //请求中执行的代码
                //加载层-风格
                layer.load(1);

            },
            complete: function () {
                //请求完成执行的代码
                //此处演示关闭
                setTimeout(function () {
                    layer.closeAll('loading');
                });
            },
            error: function () {
                //请求成功失败执行的代码
            },
            success: function (res) {
                console.log(res);
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, {
                        icon: 5
                    }, function () {})
                }
                layui.layer.msg(res.message, {
                    icon: 6
                }, function () {
                    $('#link_login').click()
                })
            }
        })
    })
    // 【4】登录功能
    $('#form_login').on('submit', function (e) {
        // 阻止默认提交行为
        e.preventDefault()
        // 收集表单数据
        let data = $(this).serialize()
        $.ajax({
            method: 'post',
            url: '/api/login',
            data: data,
            beforeSend: function () {
                //请求中执行的代码
                //加载层-风格
                layer.load(1);

            },
            complete: function () {
                //请求完成执行的代码
                //此处演示关闭
                setTimeout(function () {
                    layer.closeAll('loading');
                });
            },
            error: function () {
                //请求成功失败执行的代码
            },
            success: function (res) {
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, {
                        icon: 5
                    }, function () {})

                }
                layui.layer.msg(res.message, {
                    icon: 6
                }, function () {
                    localStorage.setItem('token', res.token);
                    location.href = 'index.html';
                })

            }
        })
    })
})